<template>
  <div class="route-test">
    <h2>路由测试页面</h2>
    <div class="test-links">
      <h3>测试以下链接：</h3>
      <ul>
        <li><a href="/sys/information" target="_blank">/sys/information - 系统咨询管理</a></li>
        <li><a href="/sys/approve" target="_blank">/sys/approve - 平台审批管理</a></li>
        <li><a href="/sys/exchange" target="_blank">/sys/exchange - 交易所管理</a></li>
        <li><a href="/sys/methodology" target="_blank">/sys/methodology - 方法学管理</a></li>
      </ul>
    </div>
    <div class="current-route">
      <h3>当前路由信息：</h3>
      <p>路径: {{ $route.path }}</p>
      <p>名称: {{ $route.name }}</p>
      <p>参数: {{ JSON.stringify($route.params) }}</p>
      <p>查询: {{ JSON.stringify($route.query) }}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'RouteTest',
  mounted() {
    console.log('当前路由:', this.$route);
  }
}
</script>

<style scoped>
.route-test {
  padding: 20px;
}

.test-links ul {
  list-style: none;
  padding: 0;
}

.test-links li {
  margin: 10px 0;
}

.test-links a {
  color: #409eff;
  text-decoration: none;
  font-family: monospace;
}

.test-links a:hover {
  text-decoration: underline;
}

.current-route {
  margin-top: 30px;
  padding: 20px;
  background: #f5f5f5;
  border-radius: 4px;
}

.current-route p {
  margin: 5px 0;
  font-family: monospace;
}
</style>
